<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1">
	<title>采样地信息</title>
	<link rel="stylesheet" href="../plugins/bootstrap-4.0.0-alpha.4/css/bootstrap.css">
	<link rel="stylesheet" href="../plugins/font-awesome-4.6.3/css/font-awesome.css">
	<link rel="stylesheet" href="../css/common.css">
	<link rel="stylesheet" href="../css/position.css">
</head>
<body>
    <div class="ft-yahei header">
        <nav class="navbar navbar-dark bg-primary">
          <a class="navbar-brand" href="home.html">细菌耐药性信息管理系统</a>
          <ul class="nav navbar-nav pull-right">
            <li class="nav-item active">
              <a class="nav-link" href="#">欢迎您，<span>阴性</span></a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="login.html">退出</a>
            </li>
          </ul>
        </nav>
    </div>

    <div class="content">

        <div id="accordion" class="ft-yahei sidebar-2016" role="tablist" aria-multiselectable="true">
            <div id="locate-2016">
                <h4 class="list-group-item list-group-item-action bg-primary"><!-- <span class="fa fa-map-marker"></span> -->
                  <span class="fa fa-angle-double-right"></span> 采样地信息
                </h4>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingOne">
                  <h4 class="panel-title">
                    <a class="list-group-item list-group-item-action" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                      <span class="fa fa-folder-open"></span>
                      数据管理
                    </a>
                  </h4>
                </div>
                <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                   <ul>
                      <li class="sidebar-active"><a href="position.html">采样地信息</a></li>
                      <li><a href="##">样品信息</a></li>
                      <li><a href="##">菌株基本信息</a></li>
                      <li><a href="##">MIC耐药性信息（阳性）</a></li>
                      <li><a href="##">MIC耐药性信息（阴性）</a></li>
                      <li><a href="##">耐药性基因信息</a></li>
                   </ul> 
                </div>
              </div>

              <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingTwo">
                  <h4 class="panel-title">
                    <a class="collapsed list-group-item list-group-item-action" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                      <span class="fa fa-calculator"></span>
                      数据汇总
                    </a>
                  </h4>
                </div>
                <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                   <ul>
                        <li><a href="##">检出率分析</a></li>
                        <li><a href="##">耐药性分析（全部）</a></li>
                        <li><a href="##">耐药性分析（阳性）</a></li>
                        <li><a href="##">耐药性分析（阴性）</a></li>
                     </ul>  
                </div>
              </div>

              <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingThree">
                  <h4 class="panel-title">
                    <a class="collapsed list-group-item list-group-item-action" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                      <span class="fa fa-sort-numeric-desc"></span>
                      编号管理
                    </a>
                  </h4>
                </div>
                <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                    <ul>
                       <li><a href="##">药品标准信息</a></li>
                       <li><a href="##">来源编号</a></li>
                       <li><a href="##">采样动物编号</a></li>
                       <li><a href="##">菌种编号</a></li>
                       <li><a href="##">采集部位编号</a></li>
                    </ul> 
                </div>
              </div>

              <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingFour">
                  <h4 class="panel-title">
                    <a class="collapsed list-group-item list-group-item-action" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                      <span class="fa fa-user"></span>
                      用户管理
                    </a>
                  </h4>
                </div>
                <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
                    <ul>
                       <li><a href="##">用户列表</a></li>
                    </ul> 
                </div>
              </div>

              <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingFive">
                  <h4 class="panel-title">
                    <a class="collapsed list-group-item list-group-item-action" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                      <span class="fa fa-cog"></span>
                      系统设置
                    </a>
                  </h4>
                </div>
               <!--  <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
                    <ul>
                       <li>用户列表</li>
                    </ul> 
                </div> -->
              </div>

        </div>

        <div id="main-2016" class="ft-yahei">
            <div class="filter-box">
                 <div class="filter-box-lf">
                    <form class="form-inline">
                      <div class="form-group">
                        <label for="exampleInputName2">采样地</label>
                        <input type="text" class="form-control" id="exampleInputName2" placeholder="">
                      </div>
                      <div class="form-group">
                        <label for="exampleInputEmail2">详细地址</label>
                        <input type="email" class="form-control" id="exampleInputEmail2" placeholder="">
                      </div>
                      <div class="form-group">
                        <label for="exampleInputEmail2">电话</label>
                        <input type="email" class="form-control" id="exampleInputEmail2" placeholder="">
                      </div>
                    </form>

                    <form class="form-inline">
                      <div class="form-group">
                        <label for="exampleInputName2">联系人</label>
                        <input type="text" class="form-control" id="exampleInputName2" placeholder="">
                      </div>
                      <div class="form-group">
                        <label for="exampleInputEmail2">养殖模式</label>
                        <input type="email" class="form-control" id="exampleInputEmail2" placeholder="">
                      </div>
                      <div class="form-group">
                        <label for="exampleInputEmail2">省份</label>
                        <input type="email" class="form-control" id="exampleInputEmail2" placeholder="">
                      </div>          
                    </form>
                 </div>
              <!--   <div class="search-group">
                      <a><span class="fa fa-angle-double-up"></span></a>
                </div>    -->
            </div>

            <div class="btn-group operation-w" role="group" aria-label="Basic example">
              <button type="button" class="btn btn-secondary"><span class="fa fa-plus text-success"></span> 增加</button>
              <button type="button" class="btn btn-secondary"><span class="fa fa-minus text-danger"></span> 删除</button>
              <button type="button" class="btn btn-secondary"><span class="fa fa-pencil text-primary"></span> 修改</button>
              <button type="button" class="btn btn-secondary"><span class="fa fa-floppy-o"></span> 保存</button>
              <button type="button" class="btn btn-secondary"><span class="fa fa-mail-forward text-warning"></span> 撤销</button>
              <button type="button" class="btn btn-secondary"><span class="fa fa-upload"></span> 导入excel</button>
              <button type="button" class="btn btn-secondary"><span class="fa fa-download"></span> 导出excel</button>
            </div>
            <div class="btn-group search-group">
                  <button  class="btn btn-success">查询</button>
                  <button  class="btn btn-secondary">置空</button>
            </div>  
            <div class="btn-group search-group">
                  <button  class="btn btn-info hideinput" id=""><span class="fa fa-angle-double-up"></span></button> 
            </div>  
            <!-- <div class="clear"></div> -->

            <div class="table-div">
               <table class="table">
                 <thead>
                   <tr>
                     <th><input type="checkbox" id="checkAll"></th>
                     <th>采样地名称</th>
                     <th>省份</th>
                     <th>详细地址</th>
                     <th>联系人</th>
                     <th>联系电话</th>
                     <th>饲养方式</th>
                     <th>养殖规模</th>
                     <th>养殖模式</th>
                     <th>建厂时间</th>
                     <th>备注</th>
                   </tr>
                 </thead>
                 <tbody>
                   <tr>
                     <td><input type="checkbox"></td>
                     <td>山东青岛胶州</td>
                     <td>山东</td>
                     <td>山东青岛盛鑫联食品有限公司</td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                   </tr>
                   <tr>
                     <td><input type="checkbox"></td>
                     <td>安徽省宣城市宣州区肉联场</td>
                     <td>安徽</td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                   </tr>
                   <tr>
                     <td><input type="checkbox"></td>
                     <td>北碚区西山坪镇</td>
                     <td>重庆</td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                   </tr>
                   <tr>
                     <td><input type="checkbox"></td>
                     <td>广州黄埔区九龙镇力智农业有限公司</td>
                     <td>广东</td>
                     <td>广州黄埔区九龙镇</td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                   </tr>
                 </tbody>
               </table>
            </div>
        </div>  
    </div>

    <div class="footer"></div>


    <script type="text/javascript" src="../plugins/jquery-3.3.1/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="../plugins/bootstrap-4.0.0-alpha.4/js/bootstrap.js"></script>
    <script type="text/javascript" src="../plugins/echart/echarts.min.js"></script>
    <script type="text/javascript" src="../js/position.js"></script>
    <script type="text/javascript">
      $(function(){
        var a = true;
        var checkall = false;
        $('.hideinput').click(function(event) {
           if(a){
              $('.filter-box').slideUp();
              $(this).find('span').removeClass('fa-angle-double-up').addClass('fa fa-angle-double-down');
              a = false;
           }else{
              $('.filter-box').slideDown();
              $(this).find('span').removeClass('fa-angle-double-down').addClass('fa fa-angle-double-up');
              a = true;
           }
            
        });
        $('#checkAll').click(function(event) {
           if(!checkall){
              $('input[type="checkbox"]').prop('checked', true);
              checkall = true;
           }else{
              $('input[type="checkbox"]').prop('checked', false);
              checkall = false;
           }
           
        });
      })
    </script>
</body>
</html>